@charset "utf-8";
@import "reset";
$fs:64px;
@function lpx($px){
    @return $px/$fs*1rem
}
html{
    font-size:$fs;
    .whole{
        width:lpx(640px);
        .kon{
            height:lpx(90px);
        }
        .logobig{
            height:lpx(90px);
            width:lpx(640px);
            background-color:#b20000;
            position:fixed;
            top:0px;
            font-size:0;
            >.logo{
                    padding-top:lpx(20px);
                img{
                    width:lpx(270px);
                    height:lpx(47px);
                    display:block;
                    margin:0 auto;
                }
            }
            .gengduo{
                width:lpx(50px);
                height:lpx(50px); 
                margin-top:lpx(-45px);
                float:left;
                margin-left:lpx(20px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
            .soushuo{
                width:lpx(50px);
                height:lpx(50px); 
                float:right;
                margin-top:lpx(-45px);
                margin-right:lpx(15px);
                a i{
                    color:white;
                    font-size:lpx(42px);
                }
            }
        }
//      content;
        .conten{
            width:lpx(583px);
            margin:0 auto;
            margin-top:lpx(38px);
            margin-bottom:lpx(38px);
            font-size:0;
            .con_hai{
                p{
                    line-height:lpx(35px);
                }
                .bigp{
                    font-size:lpx(30px);
                    margin-bottom:lpx(20px);
                }
                .smallp{
                    width:100%;
                    height:lpx(21px);
                    a{float:right;
                        i{
                            font-size:lpx(20px);
                            color:#8b8b8b;
                        }
                    }
                }
                .smap{
                    height:lpx(21px);
                    a{
                    font-size:lpx(20px);
                    color:#8b8b8b;
                    float:right;
                    padding-left:lpx(300px);
                    span{
                        color:red;
                    }
                    }
                }
                .ph1{
                    font-size:lpx(20px);
                    color:#8b8b8b;
                    text-indent:2em;
                    margin-top:lpx(35px);
                    margin-bottom:lpx(30px);
                }
                .phbig{
                    font-size:lpx(20px);
                    color:black;
                    text-indent:2em;
                }
                .meitian{
                    width:100%;
                    margin-bottom: lpx(30px);
                    img{
                        height:lpx(270px);
                    }
                }
                .guimo{
                    width:100%;
                    img{
                        height:lpx(152px);
                    }
                }
                .dianmian{
                    width:100%;
                    margin-bottom: lpx(30px);
                    img{
                        height:lpx(263px);
                    }
                }
                .yanguan{
                    width:100%;
                    img{
                        height:lpx(170px);
                    }
                }
                .pintu{
                    width:100%;
                    img{
                        height:lpx(245px);
                    }
                }
                .haijian{
                    width:100%;
                    img{
                        height:lpx(300px);
                    }
                }
                .shuiguo{
                    width:100%;
                    margin-bottom:lpx(50px);
                    img{
                        height:lpx(250px);
                    }
                }
            }
        }
        .con_shan{
            width:100%;
            border-top:lpx(18px) solid #efefef;
            border-bottom:lpx(18px) solid #efefef;
            p{
            height:lpx(80px);
            line-height:lpx(80px);
            font-size:lpx(18px);
            margin-left:lpx(29px);
            color:#9c9c9c;
                span{
                    font-size:lpx(21px);
                    font-weight:bold;
                }
            }
        }
        .contens{
            width:lpx(583px);
            margin:0 auto;
            margin-top:lpx(38px);
            margin-bottom:lpx(38px);
            font-size:0; 
            .dian{
//              height:lpx(100px);
                width:lpx(450px);
                text-align: center;
                margin:0 auto;
                ul{
                    li{
                        float:left;
                        width:33.3%;
                        height:lpx(100px);
                        a{
                            font-size:lpx(20px);
                            color:#8b8b8b;
                            span{
                                display: block;
                                width:lpx(70px);
                                height:lpx(70px);
                                border-radius:100%;
                                border:1px solid #8b8b8b;
                                margin:auto;
                                margin-bottom:lpx(8px);
                                i{
                                    font-size:lpx(40px);
                                    display: block;
                                    margin-top:lpx(15px);
                                }
                                .iconii{
                                    font-size:lpx(50px);
                                    margin-top:lpx(10px);
                                }
                            }
                        }
                    }
                }
            }
            .denglu{
                width:100%;
                border:1px solid #8b8b8b;
                margin-top:lpx(45px);
                margin-bottom:lpx(15px);
                p{
                    text-align: center;
                    font-size:lpx(20px);
                    height:lpx(193px);
                    line-height:lpx(193px);
                    color:#8b8b8b;
                    a{
                        color:red;
                        text-decoration: underline;
                    }
                }
            }
            .fabiao{
                width:lpx(395px);
                margin:0 auto;
                a{
                    display: block;
                    color:white;
                    background-color:#B20000;
                    height:lpx(50px);
                    line-height:lpx(50px);
                    font-size:lpx(26px);
                    text-align: center;
                }
            }
            .pinlun{
                margin-top:lpx(45px);
                .pinlunh1{
                    font-size:lpx(18px);
                    color:#8b8b8b;
                    a{
                        text-decoration:underline;
                        color:#8b8b8b;
                    }
                }
                .yanxin{
                    margin-top:lpx(25px);
                    margin-bottom:lpx(10px);
                    font-size:lpx(18px);
                    img{
                        width:lpx(50px);
                        vertical-align: middle;
                    }
                    a{
                        color:#444444;
                    }
                    span{
                       color:#8b8b8b; 
                    }
                }
                .neiron{
                    font-size:lpx(22px);
                    color:#444444;
                    span{
                        float:right;
                        font-size:lpx(18px);
                        color:#8b8b8b;
                    }
                }
                .huifu{
                    a{
                    font-size:lpx(18px);
                    color:#444444;
                    float:right;
                    }
                    
                }
                .huifuneiron{
                    width:lpx(537px);
                    margin:0 auto;
                    margin-top:lpx(10px);
                    background-color:#fafafa;
                    padding-bottom:lpx(10px);
                    .huifubig{
                        width:100%;
                        height:lpx(112px);
                        border-bottom:1px dashed #8b8b8b;
                        .huifumi{
                            height:lpx(50px);
                            line-height:lpx(30px);
                            font-size:lpx(18px);
                            padding-top:lpx(10px);
                           img{
                                height: lpx(35px);
                                padding-top:lpx(-5px);
                                vertical-align: middle;                        }
                            a{
                                color:#8b8b8b;
                            } 
                        }
                        .riqi{
                            font-size:lpx(18px);
                            color:#8b8b8b;
                            float:right;
                            margin-top:(15px);
                        }
                        .pinluntext{
                            width:lpx(497px);
                            height:lpx(70px);
                            margin:0 auto;
                            background-color:white;
                            margin-top:lpx(25px);
                            font-size:lpx(18px);
                            padding:lpx(3px) lpx(3px);
                            textarea{
                                width:lpx(497px);
                                height:lpx(70px);
                                font-size:lpx(14px);
                                color:#8b8b8b;
                            }

                        }
                        .fabiaored{
                            a{
                                display:block;
                                width:lpx(174px);
                                height:lpx(46px);
                                line-height:lpx(46px);
                                background-color:#B20000;
                                float:right;
                                color:white;
                                font-size:lpx(20px);
                                text-align: center;
                                margin-top:lpx(10px);
                                margin-right:lpx(18px);
                            }
                        }
                    }
                }
            }
        }
        .konbai{
            font-size:0;
            width:100%;
            height:lpx(90px);
        }
        .gengduos{
                height:lpx(60px);
                width:lpx(583px);
                margin:0 auto;
                border-top:1px solid darkgray;
                font-size:0;
                .gdform{
                    width:lpx(220px);
                    height:lpx(59px);
                    margin:0 auto;
                    .gdbut{
                        font-size:lpx(22px);
                        color:#656565;
                        background:none;
                         width:lpx(220px);
                        height:lpx(59px);
                    }
                }
            }

//      footer
        .footer{
            height:lpx(95px);
            width:100%;
            background-color:#f5f5f5;
            position:fixed;
            bottom:0px;
            font-size:0;
            li{
                float:left;
                width:20%;
                text-align: center;
                margin-top:lpx(10px);
                i{
                    font-size:lpx(45px);
                    color:#8b8b8b;
                }
                p{
                    font-size:lpx(20px);
                    color:#8b8b8b;
                }
            }
            .footli {
                i{
                    color:red;
                }
                p{
                    color:red;
                }
            }
        }
    }

}